<template>
    <div class="show-pic">
        <el-empty v-if="picList.length === 0">
            <el-button type="primary" @click="linkToIndex">去上传图片</el-button>
        </el-empty>
        <div class="card-list" v-else>
            <el-row v-for="picItem in picList" :key="picItem">
                <PicCard picItem="picItem"></PicCard>
            </el-row>
        </div>
    </div>
</template>

<script>

import PicCard from "@/components/web/picCard/PicCard";

export default {
    name: "ShowPic",
    components: {
        PicCard
    },
    data() {
        return {
            picList: []
        }
    },
    methods: {
        linkToIndex() {
            this.$router.push("/")
        }
    }
}
</script>

<style scoped>

</style>
